<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网站标题</title>
<meta name="keywords" content="关键词,关键词,关键词,关键词,5个关键词" />
<meta name="description" content="网站简介，不超过80个字" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/view/images/logo.jpg" type="image/x-icon"/>
<link href="${pageContext.request.contextPath}/static/view/css/index.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/static/view/js/jquery.min.js" ></script>
<script src="${pageContext.request.contextPath}/static/view/js/comm.js" ></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<header>
  <div class="logo">飞鸟博客</div>
  <div class="top-nav">
    <h2 id="mnavh"><span class="navicon"></span></h2>
    <ul id="nav">
      <li><a href="${pageContext.request.contextPath}/html/index.html">网站首页</a></li>
      <c:forEach var="arcType" items="${arcTypeList}">
      <%-- <li><a href="${pageContext.request.contextPath}/arcType/${arcType.id }.html">${arcType.typeName }</a></li> --%>
       <li><a href="${pageContext.request.contextPath}/arcType/${arcType.id}.html">${arcType.typeName }</a></li>
      </c:forEach>
      <!-- <li><a href="list.html">个人博客日记</a></li>
      <li><a href="/2">个人博客模板</a></li>
      <li><a href="/3">博客网站制作</a></li>
      <li><a href="/4">网页设计心得</a></li>
      <li><a href="/5">优秀个人博客</a></li>
      <li><a href="/5">关于我</a></li>
      <li><a href="/5">留言</a></li> -->
    </ul>
  </div>
  <div class="search">
    <form action="${pageContext.request.contextPath}/search/searchArticle.html" method="post" name="searchform" id="searchform">
      <input name="searchStr" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
      <input name="show" value="title" type="hidden">
      <input name="tempid" value="1" type="hidden">
      <input name="tbname" value="news" type="hidden">
      <input name="Submit" class="input_submit" value="" type="submit">
    </form>
  </div>
</header>

<main>
  <div class="main-content">

    <div class="welcome">${navCode }</div>
    <div class="blogbox">
      <div class="contentbox">
        <h2 class="contitle">${article.title }</h2>
        
        <p class="bloginfo"><span>飞鸟</span><span><fmt:formatDate value="${article.publishDate }" pattern="yyyy-MM-dd HH:mm" /></span><span><a href="${pageContext.request.contextPath}/arcType/${article.arcType.id}.html">${article.arcType.typeName}</a></span><span>阅读次数：${article.click}</span></p>
        <p class="jianjie"><b>简介</b>${article.summary }</p>
        <div class="entry">
          ${article.content }
        </div>
        <!-- <div class="down">
          <p><strong>下载地址：</strong></p>
          <p>文件名称：Autocad2018</p>
          <p>文件大小：2.29G</p>
          <p>更新日期：2018/3/19</p>
          <div class="downlink"><strong><a class="downbtn" title="Autocad2018" href="/" target="_blank">点击下载</a></strong> </div>
        </div> -->
        <div class="share down" >
        <div class="bshare-custom">分享&nbsp;&nbsp;&nbsp;&nbsp;<a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
        </div>
        <div class="article_keyWord">
                        <font><strong>关键字：</strong></font>
                        <c:choose>
                            <c:when test="${keyWords==null }">
                                &nbsp;&nbsp;无
                            </c:when>
                            <c:otherwise>
                                <c:forEach var="keyWord" items="${keyWords }">
                                  &nbsp;&nbsp;<a href="##" target="_blank">${keyWord }</a>&nbsp;&nbsp;
                                </c:forEach>
                            </c:otherwise>
                        </c:choose>
                </div>              
               
            
            <div class="nextinfo">
                        ${pageCode }
            </div>  
        <!-- <div class="nextinfo">
          <p>上一篇：<a href="/download/f/881.html">纯文字个人博客模板《时尚黑》</a></p>
          <p>下一篇：<a href="/download/f/886.html">html5 个人博客模板《蓝色畅想》</a></p>
        </div> -->
      </div>
      <!-- <div class="viewbox">
        <h2 class="newstitle"><b>随便看看</b></h2>
        <ul>
          <li><a href="/"><i><img src="http://www.yangqq.com/d/file/news/life/2018-06-17/917d732926d79cc2ae1012831ce51d1e.jpg"></i>
            <p>3dmax利用VRay光源制作灯带</p>
            <span>2018年7月25日</span></a></li>
          <li><a href="/"><i><img src="http://www.yangqq.com/d/file/news/life/2018-04-27/762f99f369ae786f970477feeb3b9d77.jpg"></i>
            <p>3dmax利用VRay光源制作灯带</p>
            <span>2018年7月25日</span></a></li>
          <li><a href="/"><i><img src="http://www.yangqq.com/d/file/jstt/bj/2018-06-29/3f0b6da48a6fd4e626a021ff7bd0d74f.jpg"></i>
            <p>3dmax利用VRay光源制作灯带</p>
            <span>2018年7月25日</span></a></li>
          <li><a href="/"><i><img src="http://www.yangqq.com/d/file/blogs/2018-08-22/28e3bbca2ae0205f641a9072ecb7c100.jpg"></i>
            <p>3dmax利用VRay光源制作灯带</p>
            <span>2018年7月25日</span></a></li>
        </ul>
      </div> -->
      
      <div class="pinlun">
       <h2 class="newstitle"><b>评论</b></h2>
        <div class="gbok">
            <!--PC版-->
		      <div id="SOHUCS" sid="${article.id}"></div>
		      <script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script>
		      <script type="text/javascript">
		      window.changyan.api.config({
		      appid: 'cyugHh7Kl',
		      conf: 'prod_c2b13ce122bd3e4a8123915a146634c1'
		      });
		      </script>
        </div>
      </div>
      
    </div>
    <div class="rside">
      <div class="news">
        <h2 class="newstitle"><b>最近更新</b></h2>
          <ul>
          <c:forEach var="article" items="${articleNewstList }">
            <%-- <li>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]&nbsp;&nbsp;<a href="article/${article.id }.html"
                   title="${article.title }"><font color="${article.titleColor }">${fn:substring(article.title,0,20) }</font></a></li> --%>
            <li style="cursor: pointer;"><a href="${pageContext.request.contextPath}/article/${article.id }.html" title="${article.title }" ><span>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]</span><font color="${article.titleColor }">
            <c:choose>  

                                 <c:when test="${fn:length(article.title) > 10}">  
                                
                                   ${fn:substring(article.title, 0, 10)}...
                                
                                  </c:when>  
                                
                                <c:otherwise>  
                                
                                    ${article.title}
                                
                                </c:otherwise>  
                                
                                </c:choose>  

            </font></a></li>
            
            </c:forEach>
          </ul>
      </div>
      <div class="news">
        <h2 class="newstitle"><span><a href="${pageContext.request.contextPath}/arcType/1.html">更多</a></span><b>站长推荐</b></h2>
          <ul>
            <c:forEach var="article" items="${RecommendArticleList }">
            <li style="cursor: pointer;"><a href="${pageContext.request.contextPath}/article/${article.id }.html" title="${article.title }" ><span>[<fmt:formatDate value="${article.publishDate }" pattern="MM-dd"/>]</span><font color="${article.titleColor }">
            <%-- ${fn:substring(article.title,0,10) } --%>
            <c:choose>  

                                 <c:when test="${fn:length(article.title) > 10}">  
                                
                                   ${fn:substring(article.title, 0, 10)}...
                                
                                  </c:when>  
                                
                                <c:otherwise>  
                                
                                    ${article.title}
                                
                                </c:otherwise>  
                                
                                </c:choose>  
            </font></a></li>
            
            </c:forEach> 
          </ul>
      </div>
      <div class="news">
          <h2 class="newstitle">关注我 么么哒 <span style="float: right; margin-right:10px; ">关于我</span></h2>
        <ul>
          <img style="margin: auto;" src="${pageContext.request.contextPath}/static/images/微信公众号.jpg">
        </ul>
      </div>
    </div>
    <!-- <div class="rside">
      <div class="news">
        <h2 class="newstitle"><b>文章排行</b></h2>
          <ul>
            <li><a href="/"><span>08-30</span>如何快速建立自己的个人博客网站</a></li>
            <li><a href="/"><span>08-30</span>个人博客，属于我的小世界！</a></li>
            <li><a href="/"><span>08-30</span>网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
            <li><a href="/"><span>08-30</span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/"><span>08-30</span>帝国cms 循环调用子栏目信息以及头条图片</a></li>
            <li><a href="/"><span>08-30</span>我是怎么评价自己的？</a></li>
            <li><a href="/"><span>08-30</span>html5 个人博客模板《蓝色畅想》</a></li>
            <li><a href="/"><span>08-30</span>【匆匆那些年】总结个人博客经历的这四年</a></li>
          </ul>
      </div>
      <div class="news">
        <h2 class="newstitle"><b>本栏推荐</b></h2>
          <ul>
            <li><a href="/"><span>08-30</span>如何快速建立自己的个人博客网站</a></li>
            <li><a href="/"><span>08-30</span>个人博客，属于我的小世界！</a></li>
            <li><a href="/"><span>08-30</span>网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
            <li><a href="/"><span>08-30</span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/"><span>08-30</span>帝国cms 循环调用子栏目信息以及头条图片</a></li>
            <li><a href="/"><span>08-30</span>我是怎么评价自己的？</a></li>
            <li><a href="/"><span>08-30</span>html5 个人博客模板《蓝色畅想》</a></li>
            <li><a href="/"><span>08-30</span>【匆匆那些年】总结个人博客经历的这四年</a></li>
          </ul>
      </div>
      <div class="news">
        <h2 class="newstitle"><b>栏目更新</b></h2>
          <ul>
            <li><a href="/"><span>08-30</span>如何快速建立自己的个人博客网站</a></li>
            <li><a href="/"><span>08-30</span>个人博客，属于我的小世界！</a></li>
            <li><a href="/"><span>08-30</span>网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
            <li><a href="/"><span>08-30</span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
            <li><a href="/"><span>08-30</span>帝国cms 循环调用子栏目信息以及头条图片</a></li>
            <li><a href="/"><span>08-30</span>我是怎么评价自己的？</a></li>
            <li><a href="/"><span>08-30</span>html5 个人博客模板《蓝色畅想》</a></li>
            <li><a href="/"><span>08-30</span>【匆匆那些年】总结个人博客经历的这四年</a></li>
          </ul>
      </div>
    </div> -->
    <div class="copyright">
    <div class="copyright">Copyright © 2018-2019 宜春春宜人网络科技有限公司 版权所有  </div>
    <div class="beian">备案号：<a href='http://www.miibeian.gov.cn/' target="_blank">赣ICP备88888888号-1</a></div>
      <!-- <p>Copyright 2018  Inc. AllRights Reserved. Design by <a href="/">杨青个人博客</a> 蜀ICP备11002373号-1</p> -->
    </div>
  </div>
</main>
<a href="#" class="cd-top cd-is-visible">Top</a>
</body>
</html>
